<script>

	$(function() {ldelim}
		$( "#tabs" ).tabs();
                //$("#tabs").tabs('load',current_index);
	{rdelim});


             $(function(){ldelim}

             $('#usertable').dataTable({ldelim}
                "bJQueryUI": true,
                "sPaginationType": "full_numbers",
                  "bStateSave": true,
                  "iCookieDuration":120,
                   "aaSorting": [[ 0, "desc" ]]

   {rdelim} );
{rdelim} );
</script>
<div id="page-heading">
	<h1>{$title}</h1><br>
        <img src="images/icons/add.png"><a onclick="loadPage('user/adduser/');" href="javascript: void(0)">Add New</a>
 

</div>
<div align="center">
	<table border="0" width="98%" cellpadding="0" cellspacing="0" id="usertable">
            <thead>
		<tr>
			<th width="5%" align="center" class="table-header-repeat">User id</th>
                        <th width="5%" align="center" class="table-header-repeat">Registered Date</th>
			<th width="4%" align="center" class="table-header-repeat line-left">Email</th>
			<th width="9%"  align="center"class="table-header-repeat line-left">First Name</th>
			<th width="9%" align="center" class="table-header-repeat line-left">Last Name</th>
			<th width="3%" align="center"  class="table-header-repeat line-left">Conatct No</th>
                        <th width="3%" align="center" class="table-header-repeat line-left">User Type</th>
			<th width="3%" align="center" class="table-header-repeat line-left">Status</th>
			<th width="2%" align="center" class="table-header-repeat line-left">&nbsp;</th>
			<th width="2%" align="center"  class="table-header-repeat line-left">&nbsp;</th>
             
		</tr>
                </thead>
                <tbody>
		{section name=sec1 loop=$user_arr}
		<tr>
			<td>{$user_arr[sec1].user_id}</td>
                        <td>{$user_arr[sec1].registerdate}</td>
			<td>&nbsp;{$user_arr[sec1].user_email}</td>
			<td>{$user_arr[sec1].user_firstname}</td>
			<td>{$user_arr[sec1].user_lastname}</td>
			<td>{$user_arr[sec1].user_phone}</td>
			<td>{$user_arr[sec1].usertype}</td>
                        <td>{$user_arr[sec1].status}</td>
			<td><a href="javascript: void(0);" onclick="loadPage('user/edituser/{$user_arr[sec1].user_id}');"><img src="images/icons/edit.gif" width="15" height="15" /></a></td>
			<td><a href="javascript: void(0);" onclick="loadPage('user/adduser/{$user_arr[sec1].user_id}');"><img src="images/icons/imgpreview.png" width="20" height="20" /></a></td>
                    
		</tr>
		{/section}
                </tbody>
	</table>
	 
</div>		